<template>
  <div class="fire-container">
    <div class="fire-main-container">
      <div class="fire-main">
        <div class="form-title">
          {{ props.waterData.menuName }}
        </div>
        <el-form
          ref="ruleFormRef"
          :inline="true"
          style="margin-top: 10px; padding: 0 10px"
          :model="xfbfxxData"
          label-width="80px"
          class="demo-ruleForm"
          :size="formSize"
          status-icon
          :class="getmargin()"
        >
          <div v-if="props.waterData.orderId == '1'" class="xfsy">
            <el-form-item label="名称" prop="mc" class="">
              <el-input v-model.trim="xfbfxxData.mc" placeholder="请输入名称" />
            </el-form-item>
            <el-form-item label="是否联通生产区" prop="sfltscqy" class="">
              <el-select v-model="xfbfxxData.sfltscqy" placeholder="请选择是否联通生产区">
                <el-option
                  v-for="item in sfltscqOptions"
                  :key="item.zddm"
                  :label="item.zdmc"
                  :value="item.zddm"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="备注" prop="bz" class="mingcheng">
              <el-input v-model.trim="xfbfxxData.bz" placeholder="请输入备注" />
            </el-form-item>
          </div>
          <div v-if="props.waterData.orderId == '2'" class="xfsy">
            <el-form-item label="事故池容量" prop="yjsgcrl" class="">
              <el-input v-model.trim="xfbfxxData.yjsgcrl" placeholder="请输入事故池容量" />
              <span
                style="
                  position: absolute;
                  top: -6px;
                  right: 0;
                  display: table-cell;
                  white-space: nowrap;
                  padding: 7px 10px;
                "
                >m³</span
              >
            </el-form-item>
          </div>
          <div v-if="props.waterData.orderId == '5'" class="xfsy">
            <el-form-item label="限宽值" prop="xg" class="">
              <el-select v-model="xfbfxxData.xg" placeholder="请选择限宽值">
                <el-option
                  v-for="item in xkOptions"
                  :key="item.zddm"
                  :label="item.zdmc"
                  :value="item.zddm"
                />
              </el-select>
            </el-form-item>
          </div>
          <div v-if="props.waterData.orderId == '6'" class="xfsy">
            <el-form-item label="地势" prop="dsgd">
              <el-input v-model.trim="xfbfxxData.dsgd" />
            </el-form-item>
          </div>
          <div
            v-if="props.waterData.orderId == '3' || props.waterData.orderId == '4'"
            class="box-3"
          >
            <div class="card-item-title">基本信息</div>
            <el-row>
              <el-col :span="12">
                <el-form-item label="名称" prop="mc" class="mingcheng">
                  <el-input v-model.trim="xfbfxxData.mc" placeholder="请输入名称" />
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="位置说明" prop="wzsm" class="mingcheng">
                  <el-input v-model.trim="xfbfxxData.wzsm" placeholder="请输入位置说明" />
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="管控范围" prop="gkqy" class="mingcheng">
                  <el-input v-model.trim="xfbfxxData.gkqy" placeholder="请输入管控范围" />
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="备注" prop="bz" class="mingcheng">
                  <el-input v-model.trim="xfbfxxData.bz" placeholder="请输入备注" />
                </el-form-item>
              </el-col>
            </el-row>
            <div class="card-item-title">联系人信息</div>
            <div style="margin: 0 0 10px 20px" class="">{{ props.waterData.menuName }}负责人</div>
            <div class="personInCharge">
              <el-row>
                <el-col :span="8">
                  <el-form-item label="姓名" prop="fzrxxInfo.rymc">
                    <el-input v-model.trim="xfbfxxData.fzrxxInfo.rymc" placeholder="请输入姓名" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="手机" prop="fzrxxInfo.ryyddh">
                    <el-input
                      v-model.trim="xfbfxxData.fzrxxInfo.ryyddh"
                      placeholder="请输入手机号"
                    />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="值班电话" prop="fzrxxInfo.ryzbdh">
                    <el-input
                      v-model.trim="xfbfxxData.fzrxxInfo.ryzbdh"
                      placeholder="请输入值班电话"
                    />
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
            <div class="card-item-title">附件</div>
            <div>
              <upload
                ref="fileupload"
                :upload-title="[props.waterData.menuName + '附件']"
                @upload-success="uploadCuccess"
                @uploadDelete="uploadDelete"
              />
            </div>
          </div>
        </el-form>
        <div style="text-align: center; margin-bottom: 25px; margin-top: 25px">
          <el-button type="info" style="border-radius: 10px" @click="cancelClick">取消</el-button>
          <el-button
            type="info"
            style="margin: 0 64px; border-radius: 10px"
            @click="removeClick(ruleFormRef)"
            >重置
          </el-button>
          <el-button
            type="success"
            style="background: #02979b; border-radius: 10px"
            @click="submit(ruleFormRef)"
            >保存
          </el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import type { FormRules, FormInstance } from 'element-plus'
import {
  queryZdZdmcInfo,
  upDatcrk,
  upDatsgcxz,
  upDatxk,
  upDatds,
  upDatdcs,
  upDatxfkzs,
} from '@/service/api'
import upload from '@/components/upload/index.vue'
import {
  createOverlay,
  createPoint,
  createRect,
  createScrollWall,
} from '@/utils/common/createMapFactor'
import { checkNumberTypeAndLength } from '@/utils/common'
import { usezhezaocStore } from '@/store'
import crk_icon from '@/assets/image/mapIcon/crk-icon.png'
import yjsgc_icon from '@/assets/image/mapIcon/yjsgc-icon.png'
import dcskzs_icon from '@/assets/image/mapIcon/dcskzs-icon.png'
import xfkzs_icon from '@/assets/image/mapIcon/xfkzs-icon.png'
import { ElMessage } from 'element-plus'
import xk_4_icon from '@/assets/image/mapIcon/xk-4.png'
import xk_xy_4_icon from '@/assets/image/mapIcon/xk-xy-4.png'
import xk_5_icon from '@/assets/image/mapIcon/xk-5.png'
import xk_6_icon from '@/assets/image/mapIcon/xk-6.png'
import xk_7_icon from '@/assets/image/mapIcon/xk-7.png'
import xk_8_icon from '@/assets/image/mapIcon/xk-8.png'
import xk_9_icon from '@/assets/image/mapIcon/xk-9.png'
import xk_10_icon from '@/assets/image/mapIcon/xk-10.png'
import xk_dy_10_icon from '@/assets/image/mapIcon/xk-dy-10.png'

import { useChemicalStore } from '@/store'
const chemicalStore = useChemicalStore()
//获取企业id
const qyId = computed(() => {
  return chemicalStore.qyInfo.id
})
const data = usezhezaocStore()
const props = defineProps<{
  waterData: any
  xfbfxxData: any
  dianweiList: any
}>()
const userTitle = ref('DCS控制室负责人')
const uploadTitle = ref(['DCS控制室附件'])
const ruleFormRef = ref<FormInstance>()
const xfbfxxData = ref({
  mc: '',
  sfltscqy: '',
  wzsm:'',
  gkqy:'',
  bz: '',
  yjsgcrl: '',
  xg: '',
  dsgd: '',
  sfyx: 1,
  id: '',
  lx: '',
  qyid: qyId.value,
  fjxxInfoList: [
    {
      fjlx: '',
      fjmc: '',
      fjdz: '',
      sfyx: 1,
      ssid: chemicalStore.qyInfo.id,
      qyid: chemicalStore.qyInfo.id,
    },
  ],
  wzxxbInfo: {
    qyid: qyId.value,
    bzmc: '消防泵房1232',
    bzlx: props.dianweiList ? props.dianweiList.bzlx : '',
    wzxx: '',
    zxjd: '',
    zxwd: '',
    dibgd: 0,
    dingbgd: 0,
    id: '',
    cjid: '',
    bz: '',
    sfyx: 1,
  },
  fzrxxInfo: {
    bz: '',
    cjr: '',
    cjsj: '',
    gxr: '',
    gxsj: '',
    id: '',
    qyid: qyId.value,
    rymc: '',
    rysx: 1,
    ryyddh: '',
    ryzbdh: '',
    ryzw: '',
    sfyx: 1,
    ssid: '',
  },
})
const fileupload = ref()
const fjxxInfoList = ref([])
const emit = defineEmits(['cancelClick', 'updateList'])
const sfltscqOptions = ref()
const xkOptions = ref()
const formSize = ref('default')
const rules = reactive<FormRules>({
  mc: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],
  dcsmc: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],
  sfltscqy: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],
  sgcrl: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],
  ds: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],
  rymc: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],
  ryyddh: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],
  ryzbdh: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],
  dsgd: [{ required: true, message: '请输入高压压力', trigger: 'blur' }],

  region: [
    {
      required: true,
      message: '请选择类型',
      trigger: 'change',
    },
  ],
  xkz: [
    {
      required: true,
      message: '请选择类型',
      trigger: 'change',
    },
  ],
})
function cancelClick() {
  emit('cancelClick')
}
function changeTitle() {
  uploadTitle.value[0] = props.waterData.menuName
  userTitle.value = props.waterData.menuName
}
const getmargin = () => {
  if (props.waterData.menuName == 'DCS控制室' || props.waterData.menuName == '消防控制室') {
    return 'file-text-margin'
  }
  return 'formdata-text-margin'
}

function clickFileHandle() {
  if( props.waterData.menuName == 'DCS控制室' ||  props.waterData.menuName == '消防控制室'){
    fileupload.value.fjxxInfoListsf = xfbfxxData.value.fjxxInfoList
  } 
}
function uploadCuccess(val: any) {
  xfbfxxData.value.fjxxInfoList = val.value
}
function uploadDelete(val: any) {
  xfbfxxData.value.fjxxInfoList = val
  console.log(xfbfxxData.value.fjxxInfoList)
}
function removeClick(formEl: FormInstance | undefined) {
  if (!formEl) {
    return
  }
  formEl.resetFields()
  xfbfxxData.value.sfltscqy = sfltscqOptions.value[0].zddm
  xfbfxxData.value.xg = xkOptions.value[0].zddm
}

const requiredNameArrCrk = ['mc', 'sfltscqy']
const requiredNameArrYjsgc = ['yjsgcrl']
const requiredNameArrDcskzs = ['mc']
const requiredNameArrDcskzsFzr = ['rymc', 'ryyddh', 'ryzbdh']
const requiredNameArrXfkzs = ['mc']
const requiredNameArrXfkzsFzr = ['rymc', 'ryyddh', 'ryzbdh']
const requiredNameArrXk = ['xg']
const submit = async (formEl: FormInstance | undefined) => {
  const reg = /^(([0-9]{0,8}))((\.{1}[0-9]{1,2}$)|$)/
  const regPhone =
    /^(?:(?:\+|00)86)?(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
  const regName = /^[\u4e00-\u9fa5]{2,5}$/
  const flag = false
  if (props.waterData.menuName == '应急事故池') {
    if (
      xfbfxxData.value.yjsgcrl &&
      !checkNumberTypeAndLength(xfbfxxData.value.yjsgcrl, '事故池容量', 8)
    ) {
      return
    }
  }

  // for (const key in xfbfxxData.value.fzrxxInfo) {
  //   if (props.waterData.menuName == 'DCS控制室') {
  //     if (requiredNameArrDcskzsFzr.includes(key) && xfbfxxData.value.fzrxxInfo[key] == '') {
  //       console.log(key, '字段未填写')
  //       flag = true
  //     }
  //   } else if (props.waterData.menuName == '消防控制室') {
  //     if (requiredNameArrXfkzsFzr.includes(key) && xfbfxxData.value.fzrxxInfo[key] == '') {
  //       console.log(key, '字段未填写')
  //       flag = true
  //     }
  //   }
  // }

  if (props.waterData.menuName == 'DCS控制室' || props.waterData.menuName == '消防控制室') {
    if (xfbfxxData.value.fzrxxInfo.rymc && !regName.test(xfbfxxData.value.fzrxxInfo.rymc)) {
      return ElMessage.warning('请输入2-5个的中文字符')
    } else if (
      xfbfxxData.value.fzrxxInfo.ryyddh &&
      !regPhone.test(xfbfxxData.value.fzrxxInfo.ryyddh)
    ) {
      return ElMessage.warning('请输入正确的手机号')
    }
  }

  if (flag) {
    return (chemicalStore.FormCheckConfirmShow = true)
  }
  if (!formEl) {
    return
  }

  if (props.waterData.menuName == 'DCS控制室' || props.waterData.menuName == '消防控制室') {
    if (
      xfbfxxData.value.fjxxInfoList.length > 0 &&
      xfbfxxData.value.fjxxInfoList[xfbfxxData.value.fjxxInfoList.length - 1].fjlx == ''
    ) {
      xfbfxxData.value.fjxxInfoList.splice(xfbfxxData.value.fjxxInfoList.length - 1, 1)
    }
  }

  data.isShow = true
  await formEl.validate((valid, fields) => {
    if (valid) {
      const factorInfo = chemicalStore.currentFactorInfo

      //获取要素名称
      const text = xfbfxxData.value.mc

      if (chemicalStore.enterpriseFacilities.dialogType === 'add') {
        //添加位置信息
        const wzxxId = xfbfxxData.value.wzxxbInfo.id
        xfbfxxData.value.wzxxbInfo = {
          id: wzxxId,
          qyid: qyId.value,
          bzmc: text,
          bzlx: factorInfo.bzlx,
          wzxx: JSON.stringify(factorInfo.wzxx),
          zxjd: factorInfo.zxdjdwd.lng,
          zxwd: factorInfo.zxdjdwd.lat,
          zxgd: factorInfo.zxdjdwd.alt,
          dibgd: 0,
          dingbgd: 0,
          sfyx: 1,
        }
      }

      saveData(props.waterData.menuId).then(({ cjId, mapIconUrl }: any) => {
        emit('updateList', props.waterData)
        emit('cancelClick')

        const overlayArr = ['ys00201', 'ys00203', 'ys00204']
        const pointArr = ['ys00202']
        const rectArr = ['ys00205']

        //创建标牌
        if (overlayArr.includes(props.waterData.menuId)) {
          //新增
          if (chemicalStore.enterpriseFacilities.dialogType === 'add') {
            createOverlay({
              id: cjId,
              parentName: cjId,
              text,
              iconUrl: mapIconUrl,
              bzlx: factorInfo.bzlx,
              parentMenuId: props.waterData.parentId,
              pos: [factorInfo.wzxx.lng, factorInfo.wzxx.lat, factorInfo.wzxx.alt],
              attribute: {
                ...factorInfo.attribute,
                zxjd: factorInfo.wzxx.lng,
                zxwd: factorInfo.wzxx.lat,
                zxgd: factorInfo.wzxx.alt,
              },
            })
          }
          //修改
          else if (chemicalStore.enterpriseFacilities.dialogType === 'edit') {
            //如果是修改 先删除重复标牌
            window.GOverlay.removeByName(cjId)

            const wzxx = JSON.parse(xfbfxxData.value.wzxxbInfo.wzxx)
            createOverlay({
              id: cjId,
              parentName: cjId,
              text,
              iconUrl: mapIconUrl,
              bzlx: xfbfxxData.value.wzxxbInfo.bzlx,
              parentMenuId: props.waterData.parentId,
              pos: [wzxx.lng, wzxx.lat, wzxx.alt],
              attribute: xfbfxxData.value.wzxxbInfo,
            })
          }
        }
        //创建点图标
        else if (pointArr.includes(props.waterData.menuId)) {
          //新增
          if (chemicalStore.enterpriseFacilities.dialogType === 'add') {
            createPoint({
              id: cjId,
              parentName: cjId,
              iconUrl: mapIconUrl,
              bzlx: factorInfo.bzlx,
              pos: [factorInfo.wzxx.lng, factorInfo.wzxx.lat, factorInfo.wzxx.alt],
              attribute: {
                ...factorInfo.attribute,
                zxjd: factorInfo.wzxx.lng,
                zxwd: factorInfo.wzxx.lat,
                zxgd: factorInfo.wzxx.alt,
              },
            })
          }
        }
        //创建路宽
        else if (rectArr.includes(props.waterData.menuId)) {
          //新增
          if (chemicalStore.enterpriseFacilities.dialogType === 'add') {
            createRect({
              id: cjId,
              parentName: cjId,
              iconUrl: mapIconUrl,
              bzlx: factorInfo.bzlx,
              pos: {
                lng: factorInfo.wzxx.lng,
                lat: factorInfo.wzxx.lat,
                height: factorInfo.wzxx.alt,
              },
              attribute: {
                ...factorInfo.attribute,
                zxjd: factorInfo.wzxx.lng,
                zxwd: factorInfo.wzxx.lat,
                zxgd: factorInfo.wzxx.alt,
              },
            })
          }
          //修改
          else if (chemicalStore.enterpriseFacilities.dialogType === 'edit') {
            //如果是修改 先删除重复路宽
            window.GCgsRect.removeByName(cjId)

            const wzxx = JSON.parse(xfbfxxData.value.wzxxbInfo.wzxx)
            createRect({
              id: cjId,
              parentName: cjId,
              iconUrl: mapIconUrl,
              bzlx: xfbfxxData.value.wzxxbInfo.bzlx,
              parentMenuId: props.waterData.parentId,
              pos: {
                lng: wzxx.lng,
                lat: wzxx.lat,
                height: wzxx.alt,
              },
              attribute: xfbfxxData.value.wzxxbInfo,
            })
          }
        }
      })
    }
  })
}
async function saveData(menuId: any) {
  let cjId
  let mapIconUrl
  switch (menuId) {
    case 'ys00201':
      cjId = await upDatcrk(xfbfxxData.value)
      data.isShow = false
      mapIconUrl = crk_icon
      ElMessage.success('保存成功')
      break
    case 'ys00202':
      cjId = await upDatsgcxz(xfbfxxData.value)
      mapIconUrl = yjsgc_icon
      data.isShow = false
      ElMessage.success('保存成功')
      break
    case 'ys00203':
      cjId = await upDatdcs(xfbfxxData.value)
      data.isShow = false
      mapIconUrl = dcskzs_icon
      ElMessage.success('保存成功')
      break
    case 'ys00204':
      cjId = await upDatxfkzs(xfbfxxData.value)
      data.isShow = false
      mapIconUrl = xfkzs_icon
      ElMessage.success('保存成功')
      break
    case 'ys00205':
      xfbfxxData.value.lx = '1'
      xfbfxxData.value.wzxxbInfo.bz = xfbfxxData.value.xg
      cjId = await upDatxk(xfbfxxData.value)
      switch (Number(xfbfxxData.value.xg)) {
        case 3:
          mapIconUrl = xk_xy_4_icon
          break
        case 4:
          mapIconUrl = xk_4_icon
          break
        case 5:
          mapIconUrl = xk_5_icon
          break
        case 6:
          mapIconUrl = xk_6_icon
          break
        case 7:
          mapIconUrl = xk_7_icon
          break
        case 8:
          mapIconUrl = xk_8_icon
          break
        case 9:
          mapIconUrl = xk_9_icon
          break
        case 10:
          mapIconUrl = xk_10_icon
          break
        case 11:
          mapIconUrl = xk_dy_10_icon
          break
      }
      data.isShow = false
      ElMessage.success('保存成功')
      break
    case 'ys00207':
      cjId = await upDatds(xfbfxxData.value)
      data.isShow = false
      ElMessage.success('保存成功')
      // mapIconUrl = trsy_icon
      break
  }

  return { cjId, mapIconUrl }
}

//获取水管类型
function querySglx() {
  queryZdZdmcInfo({ key: 'sf' }).then((res: any) => {
    sfltscqOptions.value = res
    if (xfbfxxData.value.sfltscqy == '') {
      xfbfxxData.value.sfltscqy = sfltscqOptions.value[0].zddm
    }
  })
}
function queryxk() {
  queryZdZdmcInfo({ key: 'dlkd' }).then((res: any) => {
    xkOptions.value = res
    if (xfbfxxData.value.xg == '') {
      xfbfxxData.value.xg = xkOptions.value[0].zddm
    }
  })
}
onMounted(() => {
  querySglx()
  queryxk()
})
defineExpose({ changeTitle, xfbfxxData, clickFileHandle })
</script>

<style lang="less" scoped>
.fire-container {
  // background-color: hotpink;
  .input-required /deep/.el-form-item__label::before {
    padding-top: 1px !important;
  }
  .fire-main-container {
    width: 800px;
    border: 1px solid #0d609c;
    background: rgba(1, 7, 17, 0.7);
    position: fixed;
    top: 112px;
    right: 50%;
    // border: 8px solid rgba(255, 255, 255, 0.2);
    transform: translate(50%, 0);
    padding: 5px;
    box-sizing: border-box;
  }
  .fire-main {
    background: rgba(1, 7, 17, 0.8);
    color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    padding-bottom: 5px;

    .card-item-title {
      margin-bottom: 15px;
      font-size: 20px;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.8);
      // background-image: url("@/assets/image/card-item-title-bck.svg");
      background-size: 100% 100%;
      margin-left: 15px;
      background-repeat: no-repeat;
      position: relative;
    }
    .card-item-title::before {
      position: absolute;
      content: '';
      width: 6px;
      height: 20px;
      border-radius: 3px;
      background: #00ffff;
      left: -15px;
      top: 4px;
    }

    .form-title {
      width: 100%;
      height: 46px;
      border-bottom: 1px solid #797979;
      text-align: center;
      line-height: 46px;
      font-size: 24px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #fffefe;
    }

    .mingcheng /deep/ .el-input__wrapper {
      width: 518px;
    }

    .box-3 /deep/ .el-input__wrapper {
      width: 645px;
    }

    // .mingcheng1 /deep/ .el-input__wrapper {
    //   width: 514px;
    // }

    // .mingcheng1 /deep/ .el-select .el-input__wrapper {
    //   width: 514px;
    // }

    .personInCharge /deep/ .el-input__wrapper {
      width: 124px;
    }

    /deep/.el-form-item__label {
      // font-size: 16px;
      color: rgba(255, 255, 255, 0.8);
    }

    .personInCharge /deep/ .el-form--inline .el-form-item {
      margin-right: 22px !important;
    }

    /deep/.el-input__inner {
      border: unset !important;
      color: rgba(255, 255, 255, 0.8);
    }

    /deep/.el-input__wrapper {
      border: 1px solid rgba(121, 121, 121, 1);
      box-shadow: unset;
      background-color: unset;
      box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    }

    /deep/ .el-input__wrapper {
      width: 170px;
    }

    /deep/ .el-select .el-input__wrapper {
      width: 170px;
    }

    .firePump {
      position: relative;
      border: 1px solid rgba(121, 121, 121, 1);
      border-top: 5px solid rgba(121, 121, 121, 1);
      padding: 10px 0px 0 0px;
      box-sizing: border-box;

      .firePump-text {
        position: absolute;
        top: -3%;
        left: 50%;
        padding: 0 20px;
        display: block;
        background-color: rgba(51, 51, 51, 1);
        transform: translate(-50%, -50%);
      }

      /deep/ .el-form-item {
        margin-bottom: 0px;
      }

      .el-form-item--default {
        margin-bottom: 0px;
      }

      ::v-deep .el-table th,
      ::v-deep .el-table tr,
      ::v-deep .el-table td {
        background-color: rgba(51, 51, 51, 0.9);
      }

      /deep/ .el-select .el-input__wrapper {
        width: 114px;
      }

      /deep/.el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: rgba(51, 51, 51, 0.9);
        /* color: #f19944; */
        /* 设置文字颜色，可以选择不设置 */
      }
    }

    /deep/ .el-button {
      width: 140px;
      height: 30px;
    }

    .firePump /deep/ .el-form-item--default[data-v-2bba5325] {
      margin-bottom: 0px;
      width: 100px;
    }

    .xfsy /deep/ .el-form-item__label {
      width: 120px !important;
    }

    .xhskj /deep/ .el-form-item__label {
      padding: 0px 9px 0 0;
    }
  }
}
.file-text-margin {
  margin-top: 10px !important ;
}
.formdata-text-margin {
  margin-top: 25px !important ;
}
.xfbffzr-title {
  position: relative;
}
.xfbffzr-title::before {
  position: absolute;
  content: '*';
  padding-top: 8px;
  color: rgba(254, 0, 0, 1);
  font-size: 24px;
  top: -10px;
  left: -10px;
}
</style>
